@import '../../variable.less';
.action-bar{
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 999;
  background: black;
  border-radius: 16rpx;
  
  box-shadow: 0 0 10rpx rgba(0,0,0,0.1);
  font-size: @s-fontsize;
  transform: translate(-50%,-50%);
  padding:16rpx 24rpx;
  .action-inner{
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    .action-item{
      color: white;
      font-size: @s-fontsize;
      margin-right: 24rpx;
      padding-right: 24rpx;
      border-right: 1rpx solid white;
      white-space: nowrap;
      &:last-child{
        margin-right: 0;
        border-right: none;
        padding-right: 0rpx;
      }
    }
  }
  
  .arrow{
    position: absolute;
    left: 50%;
    bottom:-32rpx;
    transform: translate(-50%,-50%);
    width: 0;
    height: 0;
    border-left: 32rpx solid transparent;
    border-right: 32rpx solid transparent;
    border-top: 32rpx solid black;
  }
}